<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../../../common/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
        <link href="../../../common/zui/css/zui.css" rel="stylesheet" />
        <link href="../../../common/zui/lib/datagrid/zui.datagrid.min.css" rel="stylesheet" type="text/css">
        <script src="../../../common/zui/js/zui.min.js"></script>
        <script src="../../../common/zui/lib/datagrid/zui.datagrid.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../../common/js/jQuery-3.3.1.js"></script>
        
        <meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  		
  	
        
        
       	<script type="text/javascript" src="js/shi.js"></script>
		<script type="text/javascript" src="js/sheng.js"></script>
        <link href="../../../common/css/GeRenHomePage/EditInfo.css" rel="stylesheet" type="text/css">
        <title>EditInfo</title>
        
        <script type="text/javascript">
        $(document).ready(function(){
        		function init() {
				shengObj = document.getElementById("shengselect");
				shiObj = document.getElementById("shiselect");
				var shiArr = new Array();
				//alert(sheng); 
				 for(var i = 0;i<sheng.length;i++) {
					shengText = sheng[i].name;
					opt = new Option();
					opt.text = shengText;
					shengObj.add(opt);
				} 

				shengObj.onchange = function() {
					shiObj.innerHTML = "<option value='0'>请选择</option>";
					shiArr = new Array();
					//alert(shi.length);
					 for(var i =0;i<shi.length;i++) {
						if(shengObj.selectedIndex == shi[i].ProID) {
							shiArr[shiArr.length] = shi[i];
							shiText = shiArr[shiArr.length - 1].name;
							opt = new Option();
							opt.text = shiText;
							shiObj.add(opt);
						}
					} 
				};
			}
//*************************************************************************************
        	
        		$(".btn1").on("shown.bs.modal", function() {
							$("#myModal").focus();
							$("#myModal").modal("hide");
							$(".modal-backdrop").remove();
							
						});
        		
        		
        		
        		
        		
//*************************************************************************************
				
        	})	
			
        </script>
        
    </head>
    <style type="text/css">
    	
    	
    </style>
    
    <body>
    	<div class="EditInfo_main">
    		
    			<div class="EditInfo_main_head">
    				<div class="EditInfo_main_text1" ></div>
    				<div class="EditInfo_main_text " align="right"><p>基本信息</p></div><legend class="S_txt1"></legend><div class="EditInfo_main_butt jibenxingxi"><a class="btn1" data-toggle="modal" href="#myModal">编辑</a></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line" >
    				<div class="EditInfo_main_text_l" align="right"><p>登录名</p></div>
    				<div class="EditInfo_main_text_r"><p>187*****561 修改密码</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line ">
    				<div class="EditInfo_main_text_l" align="right"><p>昵  称</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userName}">
    							<span>${user.userAccount}</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userName}</span>
                        </c:otherwise>
    				</c:choose>	
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line ">
    				<div class="EditInfo_main_text_l" align="right"><label for="exampleInputPassword7" class="EditInfo_main_text_line_Juzhong" >所在地</label></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userAddress}">
    							<span><a>马上填写</a>自己的所在地,让合适的人找到你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userAddress}</span>
                        </c:otherwise>
    				</c:choose>	
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>性  别</p></div>
    				<div class="EditInfo_main_text_r">
    				 <p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userSex}">
    							<span><a>马上填写</a>自己的性别,让合适的人找到你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userSex}</span>
                        </c:otherwise>
    				</c:choose>	
    				 </p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>性取向</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userSexual}">
    							<span><a>马上填写</a>自己的性取向,让合适的人找到你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userSexual}</span>
                        </c:otherwise>
    				</c:choose>	
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>感情状况</p></div>
    				<div class="EditInfo_main_text_r yinCangBox" >
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userMood}">
    							<span><a>马上填写</a>自己的感情状况,让更多的人了解你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user1.userMood}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>生日</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userBirthday}">
    							<span><a>马上填写</a>自己的生日,让更多的人了解你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userBirthday}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>血型</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userBlood}">
    							<span><a>马上填写</a>自己的血型,可以被更多同血型的人找到哦</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userBlood}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>博客地址</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userBoke}">
    							<span><a>马上填写</a>自己的博客地址,让自己的心声被更多的人了解</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userBoke}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>个性域名</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userHabituri}">
    							<span><a>马上填写</a>还没有个性域名和微号哦，现在就去申请吧~</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userHabituri}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>简介</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userIntroduce}">
    							<span><a>马上填写</a>自己的个人介绍,让大家快速了解真实的你</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userIntroduce}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>注册时间</p></div>
    				<div class="EditInfo_main_text_r"><p>2016-08-19</p></div>
    			</div>
    			
    			
    		
<!-- ***************************************************************************************************************************************************************** -->  		
    		
    			<div class="EditInfo_main_head">
    				<div class="EditInfo_main_text1" ></div>
    				<div class="EditInfo_main_text" align="right"><p>联系信息</p></div><legend class="S_txt1"></legend><div class="EditInfo_main_butt"><a >编辑</a></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line" >
    				<div class="EditInfo_main_text_l" align="right"><p>邮箱</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userPost}">
    							<span><a>马上填写</a>你的邮箱信息</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userPost}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>Q&nbsp;Q</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userQq}">
    							<span><a>马上填写</a>你的QQ信息</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userQq}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line">
    				<div class="EditInfo_main_text_l" align="right"><p>MSN</p></div>
    				<div class="EditInfo_main_text_r">
    				<p><a><i class="icon icon-pencil"></i></a>
    				<c:choose>
    		
    					<c:when test="${empty user.userMsn}">
    							<span><a>马上填写</a>你的Msn信息</span>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userMsn}</span>
                        </c:otherwise>
    				</c:choose>
    				</p></div>
    			</div>
    			
    			
    <!--**************************************************************************************-->		
    		
    			<div class="EditInfo_main_head">
    				<div class="EditInfo_main_text1" ></div>
    				<div class="EditInfo_main_text" align="right"><p>职业信息</p></div><legend class="S_txt1"></legend><div class="EditInfo_main_butt"><a >编辑</a></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line" >
    				
<!--    			
-->    				
					<c:choose>
    		
    					<c:when test="${empty user.userProfession}">
    							<div class="zhiYeIn  EditInfo_main_text_line_Juzhong ">
    								<a   class="btn1" data-toggle="modal" data-target="#myModal"><i class=" icon-plus"></i>添加职业信息</a>
    							</div>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userProfession}</span>
                        </c:otherwise>
    				</c:choose>
		
    			</div>
    			
    			

    	    <!--**************************************************************************************-->		
    		
    		
    			<div class="EditInfo_main_head">
    				<div class="EditInfo_main_text1" ></div>
    				<div class="EditInfo_main_text" align="right"><p>教育信息</p></div><legend class="S_txt1"></legend><div class="EditInfo_main_butt"><a >编辑</a></div>
    			</div>
    			
    			<div class="EditInfo_main_text_line" >
    				<c:choose>
    		
    					<c:when test="${empty user.userEduc}">
    							<div class="zhiYeIn  EditInfo_main_text_line_Juzhong ">
    								<a   class="btn1" data-toggle="modal" data-target="#myModalSchool"><i class=" icon-plus"></i>添加教育信息</a>
    							</div>
    					</c:when>
    					<c:otherwise>
    							<span>${user.userEduc}</span>
                        </c:otherwise>
    				</c:choose>
    				
    			</div>

    	</div>
    	<div><div>
					<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					  <div class="modal-header">
					    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					    <h3 id="myModalLabel">Modal header</h3>
					  </div>
					  <div class="modal-body">
					    <p>One fine body…</p>
					  </div>
					  <div class="modal-footer">
					    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
					    <button class="btn btn-primary">Save changes</button>
					  </div>
					</div>
		</div></div>
    </body>
</html>